<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Rating Stars</title>
    <link rel="stylesheet" href="css/评价.css">
    <script src="js/评价.js"></script>
</head>
<body>
    <div class="back-arrow" onclick="goBack()">&#x2190;返回</div>
    <div class="container">
        <div class="rating">
            <p>口味：</p>
            <label for="taste-1" onclick="rate(event)">★</label>
            <label for="taste-2" onclick="rate(event)">★</label>
            <label for="taste-3" onclick="rate(event)">★</label>
            <label for="taste-4" onclick="rate(event)">★</label>
            <label for="taste-5" onclick="rate(event)">★</label>
            <input type="radio" id="taste-1" name="rating_taste" value="1" style="display:none;">
            <input type="radio" id="taste-2" name="rating_taste" value="2" style="display:none;">
            <input type="radio" id="taste-3" name="rating_taste" value="3" style="display:none;">
            <input type="radio" id="taste-4" name="rating_taste" value="4" style="display:none;">
            <input type="radio" id="taste-5" name="rating_taste" value="5" style="display:none;">
        </div>
        <div class="rating">
            <p>卫生：</p>
            <label for="hygiene-1" onclick="rate(event)">★</label>
            <label for="hygiene-2" onclick="rate(event)">★</label>
            <label for="hygiene-3" onclick="rate(event)">★</label>
            <label for="hygiene-4" onclick="rate(event)">★</label>
            <label for="hygiene-5" onclick="rate(event)">★</label>
            <input type="radio" id="hygiene-1" name="rating_hygiene" value="1" style="display:none;">
            <input type="radio" id="hygiene-2" name="rating_hygiene" value="2" style="display:none;">
            <input type="radio" id="hygiene-3" name="rating_hygiene" value="3" style="display:none;">
            <input type="radio" id="hygiene-4" name="rating_hygiene" value="4" style="display:none;">
            <input type="radio" id="hygiene-5" name="rating_hygiene" value="5" style="display:none;">
        </div>
        <div class="rating">
            <p>价格：</p>
            <label for="price-1" onclick="rate(event)">★</label>
            <label for="price-2" onclick="rate(event)">★</label>
            <label for="price-3" onclick="rate(event)">★</label>
            <label for="price-4" onclick="rate(event)">★</label>
            <label for="price-5" onclick="rate(event)">★</label>
            <input type="radio" id="price-1" name="rating_price" value="1" style="display:none;">
            <input type="radio" id="price-2" name="rating_price" value="2" style="display:none;">
            <input type="radio" id="price-3" name="rating_price" value="3" style="display:none;">
            <input type="radio" id="price-4" name="rating_price" value="4" style="display:none;">
            <input type="radio" id="price-5" name="rating_price" value="5" style="display:none;">
        </div>
        <div class="rating">
            <p>等餐时间：</p>
            <label for="wait-1" onclick="rate(event)">★</label>
            <label for="wait-2" onclick="rate(event)">★</label>
            <label for="wait-3" onclick="rate(event)">★</label>
            <label for="wait-4" onclick="rate(event)">★</label>
            <label for="wait-5" onclick="rate(event)">★</label>
            <input type="radio" id="wait-1" name="rating_wait" value="1" style="display:none;">
            <input type="radio" id="wait-2" name="rating_wait" value="2" style="display:none;">
            <input type="radio" id="wait-3" name="rating_wait" value="3" style="display:none;">
            <input type="radio" id="wait-4" name="rating_wait" value="4" style="display:none;">
            <input type="radio" id="wait-5" name="rating_wait" value="5" style="display:none;">
        </div>
        <div class="input-container">
            <input type="text" id="evaluationInput" placeholder="请输入您的评价">
        </div>
        <div class="buttons">
            <input type="button" value="提交" onclick="submitEvaluation()" style="color: white; background-color: #4f7764;"/>
            <input type="button" value="清空" onclick="clearEvaluation()" style="color: white; background-color: #4f7764;"/>
        </div>
    </div>
</body>
</html>